{% extends "base.html" %}
{% block title %}正在播放：{{ movie.moviename }} - 第{{ number }}集{% endblock %}
{% block content %}
    <script type="text/javascript" src="http://js.fccxp.com/cdn/pc/hf.js"></script>
    <div class="container-fluid" style="padding-top:15px;background:#FFF;position:relative">
        <h3 class="movie-title">{{ movie.moviename }} - 第{{ number }}集</h3>
        {% if movie.isoutsource == '1' %}
            <div class="player" id="player">
            <div class="embed-responsive embed-responsive-16by9">
                <iframe class="embed-responsive-item" border="0" frameborder="0" height="460" marginheight="0" marginwidth="0" scrolling="no" src="{{ fileurl }}" width="100%" allowfullscreen="true" allowtransparency="true"></iframe>
            </div>
            </div>
        {% else %}
            <div class="col-sm-12">
                <video src="{{ fileurl }}" controls="controls"  height="460" width="100%">
                    您的浏览器不支持 video 标签。
                </video>
            </div>
        {% endif %}
        <div class="col-md-12">
            <div class="panel panel-default resource-list">
                <div class="panel-heading"><strong>《{{ movie.moviename }}》 - 在线播放，无需下载插件：</strong></div>
                <ul class="dslist-group">
                    {% for item in movie.avaliblesum %}
                        <li class="dslist-group-item {% ifequal number item %}on{% endifequal %}"><a href="{% url 'movie' movie.id item %}">第{{ item }}集</a> </li>
                    {% endfor %}
                </ul>
                <div class="panel-footer resource-help" style="clear: both;">
                    <strong>《{{ movie.moviename }}》 ：</strong><br>
                    推荐使用火狐浏览器和谷歌浏览器<br>
                    手机播放应该没啥问题<br>
                </div>
            </div>
        </div>
    </div>
{% endblock %}